$(function(){
	$('#score').on('change',function(){
		$('#scoreValue').html($('#score').val());
		})
		
	$('#rangeR,#rangeG,#rangeB').on('change',function(){
		//字符串转换成数字类型
		var rangeR=parseInt($('#rangeR').val());
		var rangeG=parseInt($('#rangeG').val());
		var rangeB=parseInt($('#rangeB').val());
	
		//拼接rgb颜色字符串
		var rgb='rgb('+rangeR+','+rangeG+','+rangeB+')';
		$('#colorSpan1').html(rgb)
		
		//div背景颜色变更
		$('#colorDiv').css({"background-color":rgb});
		
		//颜色的十进制转换为十六进制
		$('#colorSpan2').html('#'+addZero(rangeR.toString(16))
				+addZero(rangeG.toString(16))+addZero(rangeB.toString(16)))
		
	})
	
	//颜色十六进制方法
	function addZero(x){
		if(x.length==1){
			return '0'+x;		
		}else{
			return ''+x;
		}
	}
		

})






